<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::common_head('注册角色选择')"></head>
<head>
  <link rel="stylesheet" th:href="@{/css/front/register-select.css}">
  <script th:src="@{/js/front/register-select.js}"></script>
</head>
<body>
    <!-- 引入公共的导航栏部分 -->
    <header th:include="common/common::common_header('login','注册角色选择')"></header>

      <!-- 登录角色选择部分 -->
      <article>
        <div class="layui-container">
          <div class="layui-col-md3">
            <div class="layui-card">
              <div class="layui-card-header">
                <h1 style="color: rgb(217,119,155)">我是学员</h1>
              </div>
              <div class="layui-card-body">
                <img th:src="@{/image/front/xueyuan.png}" alt="">
              </div>
              <div class="layui-card-body">
                全真模拟试题 智能驾校筛选
                <br>
                专家技巧点评 助力轻松通关
              </div>
              <div class="layui-card-header">
                <a th:href="@{/page/learnerRegister}" class="layui-btn" style="background-color: rgb(217,119,155)">去注册</a>
              </div>
            </div>
          </div>

          <div class="layui-col-md3">
            <div class="layui-card">
              <div class="layui-card-header">
                <h1 style="color: rgb(85,133,214)">我想成为管理员</h1>
              </div>
              <div class="layui-card-body">
                <img th:src="@{/image/front/jiaolian.png}" alt="">
              </div>
              <div class="layui-card-body">
                管理题库 设置考试题
                <br>
                审批管理员 设置考试时间
              </div>
              <div class="layui-card-header">
                <a th:href="@{/page/adminRegister}" class="layui-btn" style="background-color: rgb(85,133,214)">去申请</a>
              </div>
            </div>
          </div>



        </div>
      </article>
      <hr>
      <!-- 公共的底部部分 -->
      <div th:replace="~{/common/common :: footer-common}"></div>
</body>
</html>